<template>
  <div class="app-container">
    <h1 class="title">Hello Vue2 + Webpack</h1>
    <button class="my-btn">按钮</button>
    <HelloWorld />
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue';
export default {
  name: 'App',
  components: { HelloWorld },
};
</script>

<style scoped>
.app-container {
  padding: 20px;
}
.title {
  color: #42b983;
}
.my-btn {
  background: #42b983;
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
}
</style> 